<!DOCTYPE html><html>

<head>
<meta charset="utf-8">
<title>quick-start</title>
<style type="text/css">
body {
  font-family: Helvetica, arial, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: white;
  padding: 30px; }

body > *:first-child {
  margin-top: 0 !important; }
body > *:last-child {
  margin-bottom: 0 !important; }

a {
  color: #4183C4; }
a.absent {
  color: #cc0000; }
a.anchor {
  display: block;
  padding-left: 30px;
  margin-left: -30px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0; }

h1, h2, h3, h4, h5, h6 {
  margin: 20px 0 10px;
  padding: 0;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  cursor: text;
  position: relative; }

h1:hover a.anchor, h2:hover a.anchor, h3:hover a.anchor, h4:hover a.anchor, h5:hover a.anchor, h6:hover a.anchor {
  background: url() no-repeat 10px center;
  text-decoration: none; }

h1 tt, h1 code {
  font-size: inherit; }

h2 tt, h2 code {
  font-size: inherit; }

h3 tt, h3 code {
  font-size: inherit; }

h4 tt, h4 code {
  font-size: inherit; }

h5 tt, h5 code {
  font-size: inherit; }

h6 tt, h6 code {
  font-size: inherit; }

h1 {
  font-size: 28px;
  color: black; }

h2 {
  font-size: 24px;
  border-bottom: 1px solid #cccccc;
  color: black; }

h3 {
  font-size: 18px; }

h4 {
  font-size: 16px; }

h5 {
  font-size: 14px; }

h6 {
  color: #777777;
  font-size: 14px; }

p, blockquote, ul, ol, dl, li, table, pre {
  margin: 15px 0; }

hr {
  background: transparent url() repeat-x 0 0;
  border: 0 none;
  color: #cccccc;
  height: 4px;
  padding: 0;
}

body > h2:first-child {
  margin-top: 0;
  padding-top: 0; }
body > h1:first-child {
  margin-top: 0;
  padding-top: 0; }
  body > h1:first-child + h2 {
    margin-top: 0;
    padding-top: 0; }
body > h3:first-child, body > h4:first-child, body > h5:first-child, body > h6:first-child {
  margin-top: 0;
  padding-top: 0; }

a:first-child h1, a:first-child h2, a:first-child h3, a:first-child h4, a:first-child h5, a:first-child h6 {
  margin-top: 0;
  padding-top: 0; }

h1 p, h2 p, h3 p, h4 p, h5 p, h6 p {
  margin-top: 0; }

li p.first {
  display: inline-block; }
li {
  margin: 0; }
ul, ol {
  padding-left: 30px; }

ul :first-child, ol :first-child {
  margin-top: 0; }

dl {
  padding: 0; }
  dl dt {
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    padding: 0;
    margin: 15px 0 5px; }
    dl dt:first-child {
      padding: 0; }
    dl dt > :first-child {
      margin-top: 0; }
    dl dt > :last-child {
      margin-bottom: 0; }
  dl dd {
    margin: 0 0 15px;
    padding: 0 15px; }
    dl dd > :first-child {
      margin-top: 0; }
    dl dd > :last-child {
      margin-bottom: 0; }

blockquote {
  border-left: 4px solid #dddddd;
  padding: 0 15px;
  color: #777777; }
  blockquote > :first-child {
    margin-top: 0; }
  blockquote > :last-child {
    margin-bottom: 0; }

table {
  padding: 0;border-collapse: collapse; }
  table tr {
    border-top: 1px solid #cccccc;
    background-color: white;
    margin: 0;
    padding: 0; }
    table tr:nth-child(2n) {
      background-color: #f8f8f8; }
    table tr th {
      font-weight: bold;
      border: 1px solid #cccccc;
      margin: 0;
      padding: 6px 13px; }
    table tr td {
      border: 1px solid #cccccc;
      margin: 0;
      padding: 6px 13px; }
    table tr th :first-child, table tr td :first-child {
      margin-top: 0; }
    table tr th :last-child, table tr td :last-child {
      margin-bottom: 0; }

img {
  max-width: 100%; }

span.frame {
  display: block;
  overflow: hidden; }
  span.frame > span {
    border: 1px solid #dddddd;
    display: block;
    float: left;
    overflow: hidden;
    margin: 13px 0 0;
    padding: 7px;
    width: auto; }
  span.frame span img {
    display: block;
    float: left; }
  span.frame span span {
    clear: both;
    color: #333333;
    display: block;
    padding: 5px 0 0; }
span.align-center {
  display: block;
  overflow: hidden;
  clear: both; }
  span.align-center > span {
    display: block;
    overflow: hidden;
    margin: 13px auto 0;
    text-align: center; }
  span.align-center span img {
    margin: 0 auto;
    text-align: center; }
span.align-right {
  display: block;
  overflow: hidden;
  clear: both; }
  span.align-right > span {
    display: block;
    overflow: hidden;
    margin: 13px 0 0;
    text-align: right; }
  span.align-right span img {
    margin: 0;
    text-align: right; }
span.float-left {
  display: block;
  margin-right: 13px;
  overflow: hidden;
  float: left; }
  span.float-left span {
    margin: 13px 0 0; }
span.float-right {
  display: block;
  margin-left: 13px;
  overflow: hidden;
  float: right; }
  span.float-right > span {
    display: block;
    overflow: hidden;
    margin: 13px auto 0;
    text-align: right; }

code, tt {
  margin: 0 2px;
  padding: 0 5px;
  white-space: nowrap;
  border: 1px solid #eaeaea;
  background-color: #f8f8f8;
  border-radius: 3px; }

pre code {
  margin: 0;
  padding: 0;
  white-space: pre;
  border: none;
  background: transparent; }

.highlight pre {
  background-color: #f8f8f8;
  border: 1px solid #cccccc;
  font-size: 13px;
  line-height: 19px;
  overflow: auto;
  padding: 6px 10px;
  border-radius: 3px; }

pre {
  background-color: #f8f8f8;
  border: 1px solid #cccccc;
  font-size: 13px;
  line-height: 19px;
  overflow: auto;
  padding: 6px 10px;
  border-radius: 3px; }
  pre code, pre tt {
    background-color: transparent;
    border: none; }

sup {
    font-size: 0.83em;
    vertical-align: super;
    line-height: 0;
}
* {
	-webkit-print-color-adjust: exact;
}
@media screen and (min-width: 914px) {
    body {
        width: 854px;
        margin:0 auto;
    }
}
@media print {
	table, pre {
		page-break-inside: avoid;
	}
	pre {
		word-wrap: break-word;
	}
}
</style>
<style type="text/css">
/**
 * okaidia theme for JavaScript, CSS and HTML
 * Loosely based on Monokai textmate theme by http://www.monokai.nl/
 * @author ocodia
 */

code[class*="language-"],
pre[class*="language-"] {
	color: #f8f8f2;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	font-family: Consolas, Monaco, 'Andale Mono', monospace;
	direction: ltr;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	line-height: 1.5;

	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;

	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

/* Code blocks */
pre[class*="language-"] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto;
	border-radius: 0.3em;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background: #272822;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	padding: .1em;
	border-radius: .3em;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: slategray;
}

.token.punctuation {
	color: #f8f8f2;
}

.namespace {
	opacity: .7;
}

.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
	color: #f92672;
}

.token.boolean,
.token.number {
	color: #ae81ff;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
	color: #a6e22e;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
	color: #f8f8f2;
}

.token.atrule,
.token.attr-value,
.token.function {
	color: #e6db74;
}

.token.keyword {
	color: #66d9ef;
}

.token.regex,
.token.important {
	color: #fd971f;
}

.token.important,
.token.bold {
	font-weight: bold;
}
.token.italic {
	font-style: italic;
}

.token.entity {
	cursor: help;
}
</style>
</head>
<body>
<h1 id="toc_0">Qiniu SDK for PHP 开发指南</h1>

<p>该指南专注于 Qiniu SDK for PHP 的基本使用方法。完成本文档阅读后，您将可以在应用中使用该 SDK。</p>

<p>如果在此之前您对七牛的产品尚无了解，建议在阅读本文档之前先阅读新手指南的这几部分：<a href="http://developer.qiniu.com/docs/v6/api/overview/concepts.html">关键概念</a>、<a href="http://developer.qiniu.com/docs/v6/api/overview/programming-model.html">编程模型</a>、<a href="http://developer.qiniu.com/docs/v6/api/overview/security.html">安全机制</a>。该文档假设您已<a href="installation.html">安装 SDK </a>，且已<a href="https://portal.qiniu.com/signup">注册一个七牛帐号</a>，并已在管理平台上<a href="https://portal.qiniu.com/setting/key">获取一对Access Key和Secret Key</a>。</p>

<h2 id="toc_1">Hello, World!</h2>

<p>在了解了基本概念和编程模型后，我们现在以最短的篇幅将第一个云存储服务的示例程序跑起来。该示例只有一个最简单的目标：将一个本地小文件上传到指定的存储空间中。</p>

<h3 id="toc_2">提交页面</h3>

<p>我们先写一个简单的 HTML 表单来供用户上传到七牛存储空间信息并选择一个本地文件。在点击提交按钮后，浏览器会发送一个 HTTP 请求到七牛上传域名执行文件上传动作。</p>

<pre><code class="language-markup">&lt;form method=&quot;post&quot; action=&quot;http://up.qiniu.com&quot; enctype=&quot;multipart/form-data&quot;&gt;
  &lt;input name=&quot;token&quot; type=&quot;hidden&quot; value=&quot;&lt;upload_token&gt;&quot;&gt;
  &lt;input name=&quot;file&quot; type=&quot;file&quot; /&gt;
  &lt;input type=&quot;submit&quot; value=&quot;上传&quot;/&gt;
&lt;/form&gt;  </code></pre>

<h3 id="toc_3">上传动作</h3>

<p>也许你注意到了这个上传表单有一个<code>token</code>字段， 所以想要使用form直传七牛一个文件，必须在页面加载的时候，向服务端请求<code>token</code>并设置到这个表单项中。服务端生成这个<code>token</code>涉及到我们 SDK 中提供的方法：<a href="api/class-Qiniu.Auth.html"><code>Qiniu\Auth</code></a>。</p>

<p>关键代码如下所示：</p>

<pre><code class="language-php">    use Qiniu\Auth;

    $bucket = &#39;&lt;your_bucket&gt;&#39;;
    $accessKey = &#39;&lt;your_access_key&gt;&#39;;
    $secretKey = &#39;&lt;your_secret_key&gt;&#39;;
    $auth = new Auth($accessKey, $secretKey);

    $upToken = $auth-&gt;uploadToken($bucket);

    echo $upToken;</code></pre>

<p>可以看出，以上代码主要做了以下几步工作：</p>

<ol>
<li>使用你的 AccessKey 及 SecretKey 用于初始化<code>Auth</code>对象;</li>
<li>调用初始化的对象<code>Auth</code>对象的方法<code>uploadToken</code>来生成上传token;</li>
</ol>

<p>到这里为止，第一个示例就可以运行起来了。您可以查看该示例的<a href="../../demo/simpleuploader">在线演示</a>。您也可以直接获取和查看该示例的<a href="https://github.com/rwifeng/qiniudocs/tree/master/demo/simpleuploader">源代码</a>。</p>

<h3 id="toc_4">小结</h3>

<p>这个示例仅用于演示如何使用 PHP SDK 快速运行第一个云存储服务的程序。本事例尽可能简单的展现七牛的表单上传，因此请大家仅将本示例作为学习 PHP SDK 的一个步骤，而不是在产品环境中应用。详情请见：<a href="http://developer.qiniu.com/docs/v6/api/overview/up/form-upload.html">表单上传</a>。</p>

<p>本文档接下来我们会介绍更接近于现实场景的一个示例。</p>

<h2 id="toc_5">一个完整的移动应用</h2>

<p>在本章我们将详细介绍如何使用 PHP SDK 与其他端配合构建一个类似于微信朋友圈的移动应用。</p>

<p>在这个移动应用里终端用户可以进行以下操作：</p>

<ol>
<li>使用预设的帐号密码登录（不支持注册新帐号）；</li>
<li>查看自己和朋友分享的照片以及描述（不支持评论）；</li>
<li>上传一张新图片，并添加一段描述；</li>
</ol>

<p><a href="http://rwxf.qiniug.com/demo-screenshot.jpg">Demo截图</a></p>

<h3 id="toc_6">总体架构</h3>

<p>对于此类应用，我们推荐的总体架构如下图所示：</p>

<p><img src="http://developer.qiniu.com/docs/v6/api/overview/up/response/img/upload-with-callback.png" alt="arch-with-callback" title="架构图"></p>

<p>对于此架构有以下关键要点：</p>

<ol>
<li>AK/SK 只能在业务服务器端使用。如果将 AK 和 SK 同时保存或者传输到移动端会有严重的信息泄露风险；</li>
<li>AK/SK 是企业帐号信息，业务服务器需要有自己的帐号数据库，对应到每一个终端用户的帐号信息；</li>
<li>由于不同的业务都需要存放一些跟文件相关的描述信息，且图片又属于不同的终端用户，因此需要维护文件管理表，以管理文件的描述信息和所有者关系。</li>
</ol>

<p>基于以上这些关键要点，我们来设计和实现我们的 PHP 版本的业务服务器。</p>

<h3 id="toc_7">接口设计</h3>

<p>我们来简单的设计我们的业务服务器接口。</p>

<h4 id="toc_8">帐号验证</h4>

<pre><code class="language-http">POST /login.php HTTP/1.1
HOST: demos.qiniu.io
Accept: */*
Content-Type: application/x-www-form-urlencoded


uname=&lt;username&gt;&amp;pwd=&lt;password&gt;</code></pre>

<h4 id="toc_9">获取文件列表</h4>

<pre><code class="language-http">POST /files.php HTTP/1.1
HOST: demos.qiniu.io
Accept: */*
Cookie: &lt;cookie&gt;
Content-Type: application/x-www-form-urlencoded
</code></pre>

<h4 id="toc_10">获取上传授权</h4>

<p>因为移动端并不知道 AK/SK 信息，客户端在需要上传文件时都需要向业务服务器发起一个获取上传授权的请求。</p>

<pre><code class="language-http">POST /uptoken.php HTTP/1.1
HOST: demos.qiniu.io
Accept: */*
Cookie: &lt;cookie&gt;
Content-Type: application/x-www-form-urlencoded
</code></pre>

<h4 id="toc_11">回调</h4>

<p>移动端会直接上传文件到云存储服务，因此业务服务器不需要提供上传接口，但是需要提供一个供云存储服务在接收到文件后的回调接口。回调接口的响应内容会由云存储服务返回给移动端。</p>

<pre><code class="language-http">POST /callback.php HTTP/1.1
HOST: demos.qiniu.io
Accept: */*
Cookie: &lt;cookie&gt;
Content-Type: application/x-www-form-urlencoded

uid=&lt;uid&gt;&amp;fname=&lt;file_name&gt;&amp;fkey=&lt;file_key&gt;&amp;desc=&lt;description&gt;</code></pre>

<h4 id="toc_12">数据表</h4>

<p>业务服务需要一个业务数据库的支撑以管理提到的帐号信息和文件信息。在本示例中我们选用 MySQL 来搭建业务数据库。</p>

<ol>
<li><p>帐号表</p>

<table>
<thead>
<tr>
<th>字段名</th>
<th>字段类型</th>
<th>字段说明</th>
</tr>
</thead>

<tbody>
<tr>
<td>id</td>
<td>int</td>
<td>唯一标识。</td>
</tr>
<tr>
<td>uid</td>
<td>int</td>
<td>唯一用户标识。</td>
</tr>
<tr>
<td>uname</td>
<td>char(128)</td>
<td>用户名，格式为邮箱如 admin@example.com 。</td>
</tr>
<tr>
<td>password</td>
<td>char(128)</td>
<td>加密后的密码。</td>
</tr>
<tr>
<td>status</td>
<td>int</td>
<td>1: active; 0: disabled。</td>
</tr>
</tbody>
</table></li>
<li><p>文件信息表</p>

<table>
<thead>
<tr>
<th>字段名</th>
<th>字段类型</th>
<th>字段说明</th>
</tr>
</thead>

<tbody>
<tr>
<td>id</td>
<td>int</td>
<td>唯一标识。</td>
</tr>
<tr>
<td>uid</td>
<td>int</td>
<td>用户唯一标识。</td>
</tr>
<tr>
<td>fname</td>
<td>char(512)</td>
<td>文件的显示名</td>
</tr>
<tr>
<td>key</td>
<td>char(512)</td>
<td>文件对应到云存储服务中的唯一标识。</td>
</tr>
<tr>
<td>createTime</td>
<td>time</td>
<td>上传时间。</td>
</tr>
<tr>
<td>description</td>
<td>char(2048)</td>
<td>文件的描述内容</td>
</tr>
</tbody>
</table></li>
</ol>

<p>相应的 SQL 语句如下：</p>

<pre><code class="language-sql">create database qspace;

CREATE TABLE users (
      uid            INT NOT NULL AUTO_INCREMENT,
      uname          VARCHAR(128) NOT NULL,
      password       VARCHAR(128) NOT NULL,
      status         INT, 
      PRIMARY KEY (uid)
);

CREATE TABLE files_info (
      id             INT NOT NULL AUTO_INCREMENT,
      uid            INT NOT NULL,
      fname          VARCHAR(512) NOT NULL,
      fkey           VARCHAR(512) NOT NULL,
      createTime     INT, 
      description    VARCHAR(1024), 
      PRIMARY KEY (id),
      FOREIGN KEY (uid) REFERENCES users(uid),
      UNIQUE INDEX (id)
);</code></pre>

<h3 id="toc_13">服务实现</h3>

<p>接下来我们一步步的实现以上定义的接口。这些实现主要考虑流程的完整性，因此在安全性上没有做充分的考量，请不要直接使用于产品环境中。</p>

<h4 id="toc_14">配置文件</h4>

<p>我们需要在一个地方存放全局的设置。本示例中我们直接用一个 config.php 文件包含若干全局变量的方式来解决这个问题。</p>

<pre><code class="language-php">&lt;?php
class Config
{
    const DB_NAME = &#39;qspace&#39;,
          DB_USER = &#39;root&#39;,
          DB_PWD = &#39;****&#39;,
          DB_HOST = &#39;&lt;your_db_host&gt;&#39;,
          ACCESS_KEY = &#39;&lt;your_access_key&gt;&#39;,
          SECRET_KEY = &#39;&lt;your_secret_key&gt;&#39;,
          BUCKET_NAME = &#39;&lt;your_bucket_name&gt;&#39;;
}</code></pre>

<h4 id="toc_15">帐号验证</h4>

<p>帐号验证的逻辑非常简单，就是将请求中包含的用户信息与数据库表中的信息进行比对，因此不需要涉及 SDK 的功能。</p>

<pre><code class="language-php">&lt;?php
require_once &#39;db.php&#39;;

session_start();

if(!isset($_POST[&#39;uname&#39;]) &amp;&amp; !isset($_POST[&#39;pwd&#39;]))
{
  http_response_code(401);
  $resp = array(&#39;status&#39; =&gt; &#39;failed&#39;, &#39;msg&#39; =&gt; &#39;please input username &amp; password!&#39;);
  echo json_encode($resp);
  return;
}

$uname = $_POST[&#39;uname&#39;];
$_pwd = $_POST[&#39;pwd&#39;];

$salt = &#39;Qiniu&#39; . $uname;
$pwd = crypt($_pwd, $salt);

$stmt = $DB-&gt;prepare(&#39;select * from users where uname = :name&#39;);
$stmt-&gt;execute(array(&#39;name&#39; =&gt; $uname));

$user = $stmt-&gt;fetch();

if ($user[&#39;password&#39;] !== $pwd)
{
  http_response_code(401);
  $resp = array(&#39;status&#39; =&gt; &#39;failed&#39;, &#39;msg&#39; =&gt; &#39;incorrect username or password!&#39;);
  echo json_encode($resp);
  return;
}

$_SESSION[&#39;uid&#39;] = $user[&#39;uid&#39;];
$_SESSION[&#39;uname&#39;] = $uname;

$resp = array(&#39;status&#39; =&gt; &#39;ok&#39;, &#39;uname&#39; =&gt; $uname);
echo json_encode($resp);</code></pre>

<h4 id="toc_16">获取文件列表</h4>

<p>同帐号验证功能，获取文件列表也只是查询数据库，因此不多做解释。</p>

<pre><code class="language-php">&lt;?php
require_once &#39;db.php&#39;;

session_start();

$uid = $_SESSION[&#39;uid&#39;];
if(!isset($uid))
{
    header(&#39;location: login.php&#39;);
    return;
}

$stmt = $DB-&gt;prepare(&#39;select * from files_info where uid = :uid&#39;);
$stmt-&gt;execute(array(&#39;uid&#39; =&gt; $uid));

$files = $stmt-&gt;fetchAll();

echo json_encode($files);</code></pre>

<h4 id="toc_17">获取上传授权</h4>

<p>客户端在需要上传文件时都需要先向业务服务器发起一个获取上传授权的请求。 SDK 中的 <a href="api/class-Qiniu.Auth.html"><code>Qiniu\Auth</code></a> 类提供了 <code>uploadToken($bucket, ...)</code> 方法，可以非常便利的生成对应的上传授权。</p>

<pre><code class="language-php">&lt;?php
require_once &#39;vendor/autoload.php&#39;;
require_once &#39;db.php&#39;;
require_once &#39;config.php&#39;;

use Qiniu\Auth;

session_start();
$uid = $_SESSION[&#39;uid&#39;];
if(!isset($uid))
{
  header(&#39;location: login.php&#39;);
  return;
}

$bucket = Config::BUCKET_NAME;
$accessKey = Config::ACCESS_KEY;
$secretKey = Config::SECRET_KEY;
$auth = new Auth($accessKey, $secretKey);

$policy = array(
  &#39;callbackUrl&#39; =&gt; &#39;http://172.30.251.210/callback.php&#39;,
  &#39;callbackBody&#39; =&gt; &#39;{&quot;fname&quot;:&quot;$(fname)&quot;, &quot;fkey&quot;:&quot;$(key)&quot;, &quot;desc&quot;:&quot;$(x:desc)&quot;, &quot;uid&quot;:&#39; . $uid . &#39;}&#39;
  );

$upToken = $auth-&gt;uploadToken($bucket, null, 3600, $policy);

header(&#39;Access-Control-Allow-Origin:*&#39;);
echo $upToken;</code></pre>

<h4 id="toc_18">回调</h4>

<p>在收到回调时，通常表示一个文件已经成功上传。回调会包含该文件所对应的描述信息。因此业务服务器在收到回调后，需要将相应的文件信息写入到文件信息表中。</p>

<pre><code class="language-php">&lt;?php
require_once &#39;db.php&#39;;

$_body = file_get_contents(&#39;php://input&#39;);
$body = json_decode($_body, true);

$uid = $body[&#39;uid&#39;];
$fname = $body[&#39;fname&#39;];
$fkey = $body[&#39;fkey&#39;];
$desc = $body[&#39;desc&#39;];

$date = new DateTime();
$ctime = $date-&gt;getTimestamp();

$stmt = $DB-&gt;prepare(&#39;INSERT INTO files_info (uid, fname, fkey, createTime, description) VALUES (:uid, :fname, :fkey, :ctime, :desc);&#39;);
$ok = $stmt-&gt;execute(array(&#39;uid&#39; =&gt; $uid, &#39;fname&#39; =&gt; $fname, &#39;fkey&#39; =&gt; $fkey, &#39;ctime&#39; =&gt; $ctime, &#39;desc&#39; =&gt; $desc));

header(&#39;Content-Type: application/json&#39;);
if (!$ok)
{
  $resp = $DB-&gt;errorInfo();
  http_response_code(500);
  echo json_encode($resp);
  return;
}

$resp = array(&#39;ret&#39; =&gt; &#39;success&#39;);
echo json_encode($resp);</code></pre>

<h3 id="toc_19">服务监控</h3>

<p>为了确认服务的正常运行，我们还实现了一个简单的监控页面以查看所有上传的图片。该页面假设<code>admin</code>的管理员才有权访问。
后端代码就是将用户上传的文件从数据库中列取出来。</p>

<pre><code class="language-php">&lt;?php
require_once &#39;vendor/autoload.php&#39;;
require_once &#39;db.php&#39;;

if (!$_SESSION[&#39;logged&#39;])
{
    header(&#39;login.php&#39;);
}

$id = $_POST[&#39;id&#39;];
if ($id)
{
    $stmt = $DB-&gt;prepare(&#39;delete from files_info where id = :id&#39;);
    $stmt-&gt;execute(array(&#39;id&#39; =&gt; $id));
}

$stmt = $DB-&gt;prepare(&#39;select * from files_info&#39;);
$stmt-&gt;execute();
$files = $stmt-&gt;fetchAll();

$smarty = new Smarty();
$smarty-&gt;assign(&#39;files&#39;, $files);

$smarty-&gt;display(&#39;file_mgr.tpl&#39;);</code></pre>

<p>前端页面使用 <a href="http://getbootstrap.com/">Bootstrap</a> 的控件实现，并使用 <a href="http://www.smarty.net/">Smarty</a> 模板技术来循环生成最终页面：</p>

<pre><code class="language-smarty">  {foreach from=$files item=file}
  &lt;tr&gt;
      &lt;td&gt;&lt;a href=&quot;{$file[uid]}&quot;&gt;{$file[&quot;uid&quot;]}&lt;/a&gt;&lt;/td&gt;
      &lt;td&gt;{$file[&quot;fname&quot;]}&lt;/td&gt;
      &lt;td&gt;{$file[&quot;fkey&quot;]}&lt;/td&gt;
      &lt;td&gt;{$file[&quot;description&quot;]}&lt;/td&gt;
      &lt;td&gt;{$file[&quot;createTime&quot;]}&lt;/td&gt;
      &lt;td&gt;&lt;a class=&quot;del&quot; href=&quot;&quot; data-fid=&quot;{$file[&#39;id&#39;]}&quot;&gt;删除&lt;/a&gt;&lt;/td&gt;
  &lt;/tr&gt;
  {/foreach}</code></pre>

<h3 id="toc_20">移动端实现</h3>

<p>本示例包含一个 Android 客户端的实现。因为本文档的重心是结合例子讲解 PHP SDK 的使用，因此这里就不详细讲解如何实现 Android 客户端了。您可以下载和安装移动客户端的<a href="http://rwxf.qiniudn.com/app-release.apk">安装包</a>，或查看移动客户端的<a href="https://github.com/simon-liubin/android-demo">源代码</a>。</p>

<h3 id="toc_21">小结</h3>

<p>您可以在 Android 手机或者模拟器上安装和运行本示例的移动端应用，上传一张图片，并查看图片列表和描述。这个示例的重点在于讲解一个推荐的产品架构，以及各个子系统是如何协同工作。</p>

<p>接下来我们会再围绕几个更多的示例遍历七牛云所提供的其他强大的功能。接下来的示例都不会再像这个示例一样提供一个完整的移动互联网产品架构，而是把重点放在功能介绍上。您可以举一反三，快速的在本章介绍的示例上进行修改和加强，就可以快速开发出各种有趣的移动互联网应用。</p>

<h2 id="toc_22">图片处理</h2>

<p>图片内容是几乎所有互联网应用都需要管理的数据类型。我们的服务提供了比较强大的数据处理功能。本章我们讲围绕一个功能相对完备的示例来讲解图片处理的主要用法，并顺便介绍 PHP SDK 的资源管理功能。</p>

<p>这个示例用户可以上传图片，选择图片处理模式，输入相应的处理参数，然后可以查看处理的结果。用户还可以点选不同的图片以显示图片的鉴黄信息和鉴别广告的信息， 以及获取图片的基本信息，平均色，exif信息等。</p>

<p>下面我们分步来实现这个示例。前端实现使用了 <a href="http://getbootstrap.com/">Bootstrap</a>和我们的<a href="https://github.com/qiniupd/qiniu-js-sdk">js-sdk</a>, 后端使用phpsdk生成上传的token。</p>

<h3 id="toc_23">生成上传token</h3>

<p>和之前的代码一样， 首先安装我们的phpsdk然后引入相应文件并调用接口生成上传token。
具体php代码：</p>

<pre><code class="language-php">require_once &#39;vendor/autoload.php&#39;;
require_once &#39;config.php&#39;;

use Qiniu\Auth;

$bucket = Config::BUCKET_NAME;
$accessKey = Config::ACCESS_KEY;
$secretKey = Config::SECRET_KEY;

$auth = new Auth($accessKey, $secretKey);
$upToken = $auth-&gt;uploadToken($bucket);

$ret = array(&#39;uptoken&#39; =&gt; $upToken);

echo json_encode($ret);
</code></pre>

<p>上传部分相关的html代码：</p>

<pre><code class="language-markup">&lt;div id=&quot;container&quot;&gt;
     &lt;button id=&quot;pickfiles&quot; class=&quot;btn btn-primary btn-lg btn-block&quot; type=&quot;submit&quot;&gt;上传图片&lt;/button&gt;
&lt;/div&gt;                </code></pre>

<p>上传对应的调用jssdk相关代码如下所示：</p>

<pre><code class="language-javascript">var uploader = Qiniu.uploader({
    runtimes: &#39;html5,flash,html4&#39;, //上传模式,依次退化
    browse_button: &#39;pickfiles&#39;, //上传选择的点选按钮，**必需**
    uptoken_url: &#39;uptoken.php&#39;, //Ajax请求upToken的Url，**强烈建议设置**（服务端提供）
    domain: &#39;http://rwxf.qiniudn.com/&#39;, //bucket 域名，下载资源时用到，**必需**
    container: &#39;container&#39;, //上传区域DOM ID，默认是browser_button的父元素，
    max_file_size: &#39;100mb&#39;, //最大文件体积限制
    flash_swf_url: &#39;plupload/Moxie.swf&#39;, //引入flash,相对路径
    max_retries: 3, //上传失败最大重试次数
    dragdrop: true, //开启可拖曳上传
    drop_element: &#39;container&#39;, //拖曳上传区域元素的ID，拖曳文件或文件夹后可触发上传
    chunk_size: &#39;4mb&#39;, //分块上传时，每片的体积
    auto_start: true, //选择文件后自动上传，若关闭需要自己绑定事件触发上传
    init: {
        &#39;UploadProgress&#39;: function(up, file) {
            $(&#39;#pickfiles&#39;).prop(&#39;disabled&#39;, true).html(&#39;图片上传中...&#39;);
        },
        &#39;FileUploaded&#39;: function(up, file, info) {

            $(&#39;#pickfiles&#39;).prop(&#39;disabled&#39;, false).html(&#39;上传图片&#39;);
            var res = JSON.parse(info);
            imgUrl = up.getOption(&#39;domain&#39;) + res.key;
            refresh(imgUrl);
        },
        &#39;Error&#39;: function(up, err, errTip) {
            $(&#39;#pickfiles&#39;).prop(&#39;disabled&#39;, false).html(&#39;上传图片&#39;);
        }
    }
});
</code></pre>

<h3 id="toc_24">图片处理</h3>

<p>图片处理的过程非常简单，就是将我们的图片处理 <code>fop</code> 以及对应的参数拼接在图片地址后面即可。 基本不需要用到 SDK 的功能，当然你也可以使用我们的jssdk进行图片地址和处理参数的拼接。
比如一个图片</p>

<pre><code>http://qiniuphotos.qiniudn.com/gogopher.jpg</code></pre>

<p><img src="http://qiniuphotos.qiniudn.com/gogopher.jpg" alt="原图"></p>

<pre><code>现在我们对这个图片进行200x200的等比缩放，然后再进行居中剪裁: 可以使用imageView2 的mode 1
http://qiniuphotos.qiniudn.com/gogopher.jpg?/1/w/&lt;Width&gt;/h/&lt;Height&gt;

最终得到的处理后的图片为：
http://qiniuphotos.qiniudn.com/gogopher.jpg?imageView2/1/w/200/h/200</code></pre>

<p><img src="http://qiniuphotos.qiniudn.com/gogopher.jpg?imageView2/1/w/200/h/200" alt=""></p>

<p>更多处理处理规格可以参考我们的<a href="http://developer.qiniu.com/docs/v6/api/reference/fop/image/imageview2.html">图片处理文档</a></p>

<h3 id="toc_25">图片信息</h3>

<ul>
<li>图片基本信息
只需要在图片外链后面拼接上  <code>?imageInfo</code></li>
</ul>

<p>http://qiniuphotos.qiniudn.com/gogopher.jpg?imageInfo</p>

<pre><code class="language-javascript">{
    format: &quot;jpeg&quot;,
    width: 640,
    height: 427,
    colorModel: &quot;ycbcr&quot;,
    orientation: &quot;Top-left&quot;
}</code></pre>

<ul>
<li>图片平均色
只需要在图片的外链后面拼接上  <code>?imageAve</code></li>
</ul>

<p>http://qiniuphotos.qiniudn.com/gogopher.jpg?imageAve</p>

<pre><code class="language-javascript">{
    RGB: &quot;0x85694d&quot;
}</code></pre>

<ul>
<li>图片Exif信息
只需在图片的外链后面拼接上 <code>?exif</code></li>
</ul>

<p>http://qiniuphotos.qiniudn.com/gogopher.jpg?exif</p>

<pre><code class="language-javascript">{
    ApertureValue: {
        val: &quot;5.00 EV (f/5.7)&quot;,
        type: 5
    },
    ColorSpace: {
        val: &quot;sRGB&quot;,
        type: 3
    },
    ComponentsConfiguration: {
        val: &quot;- - - -&quot;,
        type: 7
    },
    ...
}
</code></pre>

<h3 id="toc_26">高级UFOP功能</h3>

<p>除去我们官方提供的强大图片处理功能， 也可以体验我们 UFOP 平台提供的强大第三方数据处理服务。在本例中我们就来尝试一下<a href="http://developer.qiniu.com/docs/v6/api/reference/fop/third-party/nrop.html">色情图片识别功能（ NROP）</a> 。</p>

<p>要使用 NROP 功能，用户需要先在管理平台上的<a href="https://portal.qiniu.com/service/market">应用市场</a>开启本功能。开启后使用方式与一般的数据处理指令完全一致（比如获取 EXIF 信息的接口），仅需要使用带 nrop 参数的 GET 请求即可，返回的 HTTP 响应内容为一个包含鉴定结果的 JSON 字符串。示例代码如下所示：</p>

<p>http://qiniuphotos.qiniudn.com/gogopher.jpg?nrop</p>

<pre><code class="language-javascript">{
    statistic: [
        0,
        0,
        1
    ],
    reviewCount: 0,
    fileList: [{
        rate: 0.9946920275688171,        // 介于0-1间的浮点数，表示该图像被识别为某个分类的概率值，概率越高、机器越肯定
        label: 2,                        // 0：色情； 1：性感； 2：正常
        name: &quot;739a77baf4ff2d5eae5fe56602fc0cbe/gogopher.jpg&quot;,
        review: false                    //是否需要人工复审该图片，鉴黄服务是否对结果确定(true：不确定，false：确定)
    }],
    nonce: &quot;0.5508577267173678&quot;,
    timestamp: 1437903830,
    code: 0,
    message: &quot;success&quot;
}
</code></pre>

<p>我们提供的完整示例已经包含了对 NROP 的调用，以及对广告的鉴定，您可以体验一下效果。</p>

<h3 id="toc_27">小结</h3>

<p>这个示例结束后，相信你已经比较了解我们的平台是如何支持图片内容的编辑，基本上这些动作都只是一个简单的 GET 请求即可完成，甚至都不需要依赖于 SDK。您可以查看本示例的<a href="../../demo/qimage/index.html">在线演示</a>，或查看和下载本示例的<a href="https://github.com/rwifeng/qiniudocs/tree/master/demo/qimage">完整源代码</a>。</p>

<h2 id="toc_28">音视频和流媒体</h2>

<p>在介绍完图片的简单管理方法后，我们接下来用一个示例详细讲解七牛云对音视频和流媒体格式的强大支持。该示例的目标为完成以下动作：</p>

<ol>
<li>支持断点续传的大文件上传，因为视频文件通常比较大，难以用单次 POST 请求完成上传；</li>
<li>支持上传后异步执行的自动转码动作，生成若干不同规格的目标视频，分别适合在手机和电脑上播放；</li>
<li>将文件转换为 HLS 格式存放，以支持边下载边播放的效果；</li>
<li>为视频打上一个图片水印;</li>
<li>统一从每一个视频文件抽取一个固定时间点的画面作为预览图片;</li>
<li>在网页播放器中播放生成的视频文件;</li>
</ol>

<p>我们选用 <a href="http://www.plupload.com/">plupload</a> 作为我们的上传控件，并使用 <a href="http://www.videojs.com/">videojs</a> 作为我们的网页播放器。其他采用的技术与之前的示例一致，主要是 Bootstrap 和 Smarty 。因为文件为客户端直传，因此我们也需要提供一个回调服务，以便于接收上传和转码这些异步任务的完成事件。为了简单起见，该示例就不再实现一个独立的业务数据库了，直接从目标存储空间获取文件信息。</p>

<h3 id="toc_29">大文件上传</h3>

<p>因为大文件上传必须在浏览器端进行，因此我们就不演示如何用 PHP SDK 做断点续上传了。网页端的大文件上传我们可以用定制版本的 plupload 来支持。
具体可以查看我们的<a href="https://github.com/qiniu/js-sdk">jssdk</a></p>

<h3 id="toc_30">上传后自动转码</h3>

<p>我们可以通过设置上传策略来通知云存储服务在上传完成后自动发起一个异步的任务。上传策略在调用上传接口时作为参数传入。
这里的转码过程需要支持转为 HLS 格式，并且在转码后打上视频水印。具体生成上传策略的代码为：</p>

<pre><code class="language-php">$bucket = Config::BUCKET_NAME;
$auth = new Auth(Config::AK, Config::SK);

$wmImg = Qiniu\base64_urlSafeEncode(&#39;http://rwxf.qiniudn.com/logo-s.png&#39;);
$pfopOps = &quot;avthumb/m3u8/wmImage/$wmImg&quot;;
$policy = array(
    &#39;persistentOps&#39; =&gt; $pfopOps,
    &#39;persistentNotifyUrl&#39; =&gt; &#39;http://&lt;your_notify_url&gt;&#39;,
);

$upToken = $auth-&gt;uploadToken($bucket, null, 3600, $policy);

echo json_encode(array(&#39;uptoken&#39; =&gt; $upToken));
</code></pre>

<h3 id="toc_31">抽取视频截图</h3>

<p>我们可以从上传视频中截取固定时间点得帧，以作为这些视频的封面图片。视频截图如下所示：</p>

<pre><code>http://&lt;your_uploaded_video&gt;?vframe/jpg/offset/5</code></pre>

<h3 id="toc_32">视频浏览与播放</h3>

<p>在完成以上工作后，接下来的工作就简单了。我们可以生成一个列表网页，每个列表项都是一张视频截图，点击视频截图会弹出一个播放面板。因为类似的前端代码已经在本文档展示过，这里就不再多展示一次。</p>

<h3 id="toc_33">小结</h3>

<p>视频的示例就到这里完成了。您可以直接查看本示例的<a href="../../demo/qav/">在线演示</a>，或下载和查看本示例的<a href="https://github.com/rwifeng/qiniudocs/tree/master/demo/qav">完整源代码</a>。</p>

<p>需要注意的是， 我们这边使用了videojs的开源播放器， 世面上还有其他比较优秀的播放器，具体你可以参考<a href="http://kb.qiniu.com/5a9mzj6n">播放器推荐</a> 。</p>

<p>另外，对于视频内容，CDN 的选择会是一个影响视频播放是否能够足够流畅的关键因素。我们的<a href="https://fusion.qiniu.com/#/">多 CDN 管理平台</a>会给列出的可用 CDN 线路标注是否适用于视频加速，请合理选择。</p>

<h2 id="toc_34">更多资源</h2>

<p>到这里为止，我们就把七牛所提供的关键功能都浏览了一遍。如果您有一些关于本文档或我们产品的建议和想法，欢迎到我们的<a href="http://segmentfault.com/qiniu/">技术社区</a>参与讨论。</p>

<p>其他对于 PHP 开发者有用的资源：</p>

<ul>
<li>SDK 下载：<a href="https://github.com/qiniu/php-sdk/">https://github.com/qiniu/php-sdk/</a></li>
<li>示例库：<a href="https://github.com/qiniudemo/">https://github.com/qiniudemo/</a></li>
<li>第三方示例库：<a href="https://github.com/jemygraw/">https://github.com/jemygraw/</a></li>
</ul>

<script type="text/javascript">
self="undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{};var Prism=function(){var e=/\blang(?:uage)?-(?!\*)(\w+)\b/i,t=self.Prism={util:{encode:function(e){return e instanceof n?new n(e.type,t.util.encode(e.content),e.alias):"Array"===t.util.type(e)?e.map(t.util.encode):e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).match(/\[object (\w+)\]/)[1]},clone:function(e){var n=t.util.type(e);switch(n){case"Object":var a={};for(var r in e)e.hasOwnProperty(r)&&(a[r]=t.util.clone(e[r]));return a;case"Array":return e.map(function(e){return t.util.clone(e)})}return e}},languages:{extend:function(e,n){var a=t.util.clone(t.languages[e]);for(var r in n)a[r]=n[r];return a},insertBefore:function(e,n,a,r){r=r||t.languages;var i=r[e];if(2==arguments.length){a=arguments[1];for(var l in a)a.hasOwnProperty(l)&&(i[l]=a[l]);return i}var s={};for(var o in i)if(i.hasOwnProperty(o)){if(o==n)for(var l in a)a.hasOwnProperty(l)&&(s[l]=a[l]);s[o]=i[o]}return t.languages.DFS(t.languages,function(t,n){n===r[e]&&t!=e&&(this[t]=s)}),r[e]=s},DFS:function(e,n,a){for(var r in e)e.hasOwnProperty(r)&&(n.call(e,r,e[r],a||r),"Object"===t.util.type(e[r])?t.languages.DFS(e[r],n):"Array"===t.util.type(e[r])&&t.languages.DFS(e[r],n,r))}},highlightAll:function(e,n){for(var a,r=document.querySelectorAll('code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'),i=0;a=r[i++];)t.highlightElement(a,e===!0,n)},highlightElement:function(a,r,i){for(var l,s,o=a;o&&!e.test(o.className);)o=o.parentNode;if(o&&(l=(o.className.match(e)||[,""])[1],s=t.languages[l]),a.className=a.className.replace(e,"").replace(/\s+/g," ")+" language-"+l,o=a.parentNode,/pre/i.test(o.nodeName)&&(o.className=o.className.replace(e,"").replace(/\s+/g," ")+" language-"+l),s){var u=a.textContent;if(u){u=u.replace(/^(?:\r?\n|\r)/,"");var g={element:a,language:l,grammar:s,code:u};if(t.hooks.run("before-highlight",g),r&&self.Worker){var c=new Worker(t.filename);c.onmessage=function(e){g.highlightedCode=n.stringify(JSON.parse(e.data),l),t.hooks.run("before-insert",g),g.element.innerHTML=g.highlightedCode,i&&i.call(g.element),t.hooks.run("after-highlight",g)},c.postMessage(JSON.stringify({language:g.language,code:g.code}))}else g.highlightedCode=t.highlight(g.code,g.grammar,g.language),t.hooks.run("before-insert",g),g.element.innerHTML=g.highlightedCode,i&&i.call(a),t.hooks.run("after-highlight",g)}}},highlight:function(e,a,r){var i=t.tokenize(e,a);return n.stringify(t.util.encode(i),r)},tokenize:function(e,n){var a=t.Token,r=[e],i=n.rest;if(i){for(var l in i)n[l]=i[l];delete n.rest}e:for(var l in n)if(n.hasOwnProperty(l)&&n[l]){var s=n[l];s="Array"===t.util.type(s)?s:[s];for(var o=0;o<s.length;++o){var u=s[o],g=u.inside,c=!!u.lookbehind,f=0,h=u.alias;u=u.pattern||u;for(var p=0;p<r.length;p++){var d=r[p];if(r.length>e.length)break e;if(!(d instanceof a)){u.lastIndex=0;var m=u.exec(d);if(m){c&&(f=m[1].length);var y=m.index-1+f,m=m[0].slice(f),v=m.length,k=y+v,b=d.slice(0,y+1),w=d.slice(k+1),N=[p,1];b&&N.push(b);var O=new a(l,g?t.tokenize(m,g):m,h);N.push(O),w&&N.push(w),Array.prototype.splice.apply(r,N)}}}}}return r},hooks:{all:{},add:function(e,n){var a=t.hooks.all;a[e]=a[e]||[],a[e].push(n)},run:function(e,n){var a=t.hooks.all[e];if(a&&a.length)for(var r,i=0;r=a[i++];)r(n)}}},n=t.Token=function(e,t,n){this.type=e,this.content=t,this.alias=n};if(n.stringify=function(e,a,r){if("string"==typeof e)return e;if("Array"===t.util.type(e))return e.map(function(t){return n.stringify(t,a,e)}).join("");var i={type:e.type,content:n.stringify(e.content,a,r),tag:"span",classes:["token",e.type],attributes:{},language:a,parent:r};if("comment"==i.type&&(i.attributes.spellcheck="true"),e.alias){var l="Array"===t.util.type(e.alias)?e.alias:[e.alias];Array.prototype.push.apply(i.classes,l)}t.hooks.run("wrap",i);var s="";for(var o in i.attributes)s+=o+'="'+(i.attributes[o]||"")+'"';return"<"+i.tag+' class="'+i.classes.join(" ")+'" '+s+">"+i.content+"</"+i.tag+">"},!self.document)return self.addEventListener?(self.addEventListener("message",function(e){var n=JSON.parse(e.data),a=n.language,r=n.code;self.postMessage(JSON.stringify(t.util.encode(t.tokenize(r,t.languages[a])))),self.close()},!1),self.Prism):self.Prism;var a=document.getElementsByTagName("script");return a=a[a.length-1],a&&(t.filename=a.src,document.addEventListener&&!a.hasAttribute("data-manual")&&document.addEventListener("DOMContentLoaded",t.highlightAll)),self.Prism}();"undefined"!=typeof module&&module.exports&&(module.exports=Prism);
</script>
<script type="text/javascript">
Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\w\W]*?\*\//,lookbehind:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0}],string:/("|')(\\[\s\S]|(?!\1)[^\\\r\n])*\1/,"class-name":{pattern:/((?:(?:class|interface|extends|implements|trait|instanceof|new)\s+)|(?:catch\s+\())[a-z0-9_\.\\]+/i,lookbehind:!0,inside:{punctuation:/(\.|\\)/}},keyword:/\b(if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,"boolean":/\b(true|false)\b/,"function":{pattern:/[a-z0-9_]+\(/i,inside:{punctuation:/\(/}},number:/\b-?(0x[\dA-Fa-f]+|\d*\.?\d+([Ee]-?\d+)?)\b/,operator:/[-+]{1,2}|!|<=?|>=?|={1,3}|&{1,2}|\|?\||\?|\*|\/|~|\^|%/,ignore:/&(lt|gt|amp);/i,punctuation:/[{}[\];(),.:]/};
</script>
<script type="text/javascript">
Prism.languages.php=Prism.languages.extend("clike",{keyword:/\b(and|or|xor|array|as|break|case|cfunction|class|const|continue|declare|default|die|do|else|elseif|enddeclare|endfor|endforeach|endif|endswitch|endwhile|extends|for|foreach|function|include|include_once|global|if|new|return|static|switch|use|require|require_once|var|while|abstract|interface|public|implements|private|protected|parent|throw|null|echo|print|trait|namespace|final|yield|goto|instanceof|finally|try|catch)\b/i,constant:/\b[A-Z0-9_]{2,}\b/,comment:{pattern:/(^|[^\\])(\/\*[\w\W]*?\*\/|(^|[^:])(\/\/).*?(\r?\n|$))/,lookbehind:!0}}),Prism.languages.insertBefore("php","class-name",{"shell-comment":{pattern:/(^|[^\\])#.*?(\r?\n|$)/,lookbehind:!0,alias:"comment"}}),Prism.languages.insertBefore("php","keyword",{delimiter:/(\?>|<\?php|<\?)/i,variable:/(\$\w+)\b/i,"package":{pattern:/(\\|namespace\s+|use\s+)[\w\\]+/,lookbehind:!0,inside:{punctuation:/\\/}}}),Prism.languages.insertBefore("php","operator",{property:{pattern:/(->)[\w]+/,lookbehind:!0}}),Prism.languages.markup&&(Prism.hooks.add("before-highlight",function(e){"php"===e.language&&(e.tokenStack=[],e.backupCode=e.code,e.code=e.code.replace(/(?:<\?php|<\?)[\w\W]*?(?:\?>)/gi,function(n){return e.tokenStack.push(n),"{{{PHP"+e.tokenStack.length+"}}}"}))}),Prism.hooks.add("before-insert",function(e){"php"===e.language&&(e.code=e.backupCode,delete e.backupCode)}),Prism.hooks.add("after-highlight",function(e){if("php"===e.language){for(var n,a=0;n=e.tokenStack[a];a++)e.highlightedCode=e.highlightedCode.replace("{{{PHP"+(a+1)+"}}}",Prism.highlight(n,e.grammar,"php"));e.element.innerHTML=e.highlightedCode}}),Prism.hooks.add("wrap",function(e){"php"===e.language&&"markup"===e.type&&(e.content=e.content.replace(/(\{\{\{PHP[0-9]+\}\}\})/g,'<span class="token php">$1</span>'))}),Prism.languages.insertBefore("php","comment",{markup:{pattern:/<[^?]\/?(.*?)>/,inside:Prism.languages.markup},php:/\{\{\{PHP[0-9]+\}\}\}/}));
</script>
<script type="text/javascript">
Prism.languages.insertBefore("php","variable",{"this":/\$this/,global:/\$_?(GLOBALS|SERVER|GET|POST|FILES|REQUEST|SESSION|ENV|COOKIE|HTTP_RAW_POST_DATA|argc|argv|php_errormsg|http_response_header)/,scope:{pattern:/\b[\w\\]+::/,inside:{keyword:/(static|self|parent)/,punctuation:/(::|\\)/}}});
</script>
<script type="text/javascript">
Prism.languages.javascript=Prism.languages.extend("clike",{keyword:/\b(as|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|false|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|true|try|typeof|var|void|while|with|yield)\b/,number:/\b-?(0x[\dA-Fa-f]+|0b[01]+|0o[0-7]+|\d*\.?\d+([Ee][+-]?\d+)?|NaN|Infinity)\b/,"function":/(?!\d)[a-z0-9_$]+(?=\()/i}),Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:/(^|[^/])\/(?!\/)(\[.+?]|\\.|[^/\\\r\n])+\/[gimyu]{0,5}(?=\s*($|[\r\n,.;})]))/,lookbehind:!0}}),Prism.languages.insertBefore("javascript","class-name",{"template-string":{pattern:/`(?:\\`|\\?[^`])*`/,inside:{interpolation:{pattern:/\$\{[^}]+\}/,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}}}),Prism.languages.markup&&Prism.languages.insertBefore("markup","tag",{script:{pattern:/<script[\w\W]*?>[\w\W]*?<\/script>/i,inside:{tag:{pattern:/<script[\w\W]*?>|<\/script>/i,inside:Prism.languages.markup.tag.inside},rest:Prism.languages.javascript},alias:"language-javascript"}});
</script>
<script type="text/javascript">
Prism.languages.markup={comment:/<!--[\w\W]*?-->/,prolog:/<\?.+?\?>/,doctype:/<!DOCTYPE.+?>/,cdata:/<!\[CDATA\[[\w\W]*?]]>/i,tag:{pattern:/<\/?[^\s>\/]+(?:\s+[^\s>\/=]+(?:=(?:("|')(?:\\\1|\\?(?!\1)[\w\W])*\1|[^\s'">=]+))?)*\s*\/?>/i,inside:{tag:{pattern:/^<\/?[^\s>\/]+/i,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"attr-value":{pattern:/=(?:('|")[\w\W]*?(\1)|[^\s>]+)/i,inside:{punctuation:/=|>|"/}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:/&#?[\da-z]{1,8};/i},Prism.hooks.add("wrap",function(t){"entity"===t.type&&(t.attributes.title=t.content.replace(/&amp;/,"&"))});
</script>
<script type="text/javascript">
!function(e){var t=/\{\*[\w\W]+?\*\}|\{[\w\W]+?\}/g,a="{literal}",n="{/literal}",o=!1;e.languages.smarty=e.languages.extend("markup",{smarty:{pattern:t,inside:{delimiter:{pattern:/^\{|\}$/i,alias:"punctuation"},string:/(["'])(\\?.)*?\1/,number:/\b-?(0x[\dA-Fa-f]+|\d*\.?\d+([Ee]-?\d+)?)\b/,variable:[/\$(?!\d)\w+/,/#(?!\d)\w+#/,{pattern:/(\.|->)(?!\d)\w+/,lookbehind:!0},{pattern:/(\[)(?!\d)\w+(?=\])/,lookbehind:!0}],"function":[{pattern:/(\|\s*)@?(?!\d)\w+/,lookbehind:!0},/^\/?(?!\d)\w+/,/(?!\d)\w+(?=\()/],"attr-name":{pattern:/\w+\s*=\s*(?:(?!\d)\w+)?/,inside:{variable:{pattern:/(=\s*)(?!\d)\w+/,lookbehind:!0},punctuation:/=/}},punctuation:/[\[\]().,=\|:`]|\->/,operator:[/[+\-*\/%]|===?|[!<>]=?|&&|\|\|/,/\bis\s+(?:not\s+)?(?:div|even|odd)(?:\s+by)?\b/,/\b(?:eq|neq?|gt|lt|gt?e|lt?e|not|mod|or|and)\b/],keyword:/\b(?:false|off|on|no|true|yes)\b/}}}),e.languages.insertBefore("smarty","tag",{"smarty-comment":{pattern:/\{\*[\w\W]*?\*\}/,alias:["smarty","comment"]}}),e.hooks.add("before-highlight",function(e){"smarty"===e.language&&(e.tokenStack=[],e.backupCode=e.code,e.code=e.code.replace(t,function(t){return t===n&&(o=!1),o?t:(t===a&&(o=!0),e.tokenStack.push(t),"___SMARTY"+e.tokenStack.length+"___")}))}),e.hooks.add("before-insert",function(e){"smarty"===e.language&&(e.code=e.backupCode,delete e.backupCode)}),e.hooks.add("after-highlight",function(t){if("smarty"===t.language){for(var a,n=0;a=t.tokenStack[n];n++)t.highlightedCode=t.highlightedCode.replace("___SMARTY"+(n+1)+"___",e.highlight(a,t.grammar,"smarty"));t.element.innerHTML=t.highlightedCode}})}(Prism);
</script>
<script type="text/javascript">
Prism.languages.sql={comment:{pattern:/(^|[^\\])(\/\*[\w\W]*?\*\/|((--)|(\/\/)|#).*?(\r?\n|$))/,lookbehind:!0},string:{pattern:/(^|[^@])("|')(\\?[\s\S])*?\2/,lookbehind:!0},variable:/@[\w.$]+|@("|'|`)(\\?[\s\S])+?\1/,"function":/\b(?:COUNT|SUM|AVG|MIN|MAX|FIRST|LAST|UCASE|LCASE|MID|LEN|ROUND|NOW|FORMAT)(?=\s*\()/i,keyword:/\b(?:ACTION|ADD|AFTER|ALGORITHM|ALTER|ANALYZE|APPLY|AS|ASC|AUTHORIZATION|BACKUP|BDB|BEGIN|BERKELEYDB|BIGINT|BINARY|BIT|BLOB|BOOL|BOOLEAN|BREAK|BROWSE|BTREE|BULK|BY|CALL|CASCADE|CASCADED|CASE|CHAIN|CHAR VARYING|CHARACTER VARYING|CHECK|CHECKPOINT|CLOSE|CLUSTERED|COALESCE|COLUMN|COLUMNS|COMMENT|COMMIT|COMMITTED|COMPUTE|CONNECT|CONSISTENT|CONSTRAINT|CONTAINS|CONTAINSTABLE|CONTINUE|CONVERT|CREATE|CROSS|CURRENT|CURRENT_DATE|CURRENT_TIME|CURRENT_TIMESTAMP|CURRENT_USER|CURSOR|DATA|DATABASE|DATABASES|DATETIME|DBCC|DEALLOCATE|DEC|DECIMAL|DECLARE|DEFAULT|DEFINER|DELAYED|DELETE|DENY|DESC|DESCRIBE|DETERMINISTIC|DISABLE|DISCARD|DISK|DISTINCT|DISTINCTROW|DISTRIBUTED|DO|DOUBLE|DOUBLE PRECISION|DROP|DUMMY|DUMP|DUMPFILE|DUPLICATE KEY|ELSE|ENABLE|ENCLOSED BY|END|ENGINE|ENUM|ERRLVL|ERRORS|ESCAPE|ESCAPED BY|EXCEPT|EXEC|EXECUTE|EXIT|EXPLAIN|EXTENDED|FETCH|FIELDS|FILE|FILLFACTOR|FIRST|FIXED|FLOAT|FOLLOWING|FOR|FOR EACH ROW|FORCE|FOREIGN|FREETEXT|FREETEXTTABLE|FROM|FULL|FUNCTION|GEOMETRY|GEOMETRYCOLLECTION|GLOBAL|GOTO|GRANT|GROUP|HANDLER|HASH|HAVING|HOLDLOCK|IDENTITY|IDENTITY_INSERT|IDENTITYCOL|IF|IGNORE|IMPORT|INDEX|INFILE|INNER|INNODB|INOUT|INSERT|INT|INTEGER|INTERSECT|INTO|INVOKER|ISOLATION LEVEL|JOIN|KEY|KEYS|KILL|LANGUAGE SQL|LAST|LEFT|LIMIT|LINENO|LINES|LINESTRING|LOAD|LOCAL|LOCK|LONGBLOB|LONGTEXT|MATCH|MATCHED|MEDIUMBLOB|MEDIUMINT|MEDIUMTEXT|MERGE|MIDDLEINT|MODIFIES SQL DATA|MODIFY|MULTILINESTRING|MULTIPOINT|MULTIPOLYGON|NATIONAL|NATIONAL CHAR VARYING|NATIONAL CHARACTER|NATIONAL CHARACTER VARYING|NATIONAL VARCHAR|NATURAL|NCHAR|NCHAR VARCHAR|NEXT|NO|NO SQL|NOCHECK|NOCYCLE|NONCLUSTERED|NULLIF|NUMERIC|OF|OFF|OFFSETS|ON|OPEN|OPENDATASOURCE|OPENQUERY|OPENROWSET|OPTIMIZE|OPTION|OPTIONALLY|ORDER|OUT|OUTER|OUTFILE|OVER|PARTIAL|PARTITION|PERCENT|PIVOT|PLAN|POINT|POLYGON|PRECEDING|PRECISION|PREV|PRIMARY|PRINT|PRIVILEGES|PROC|PROCEDURE|PUBLIC|PURGE|QUICK|RAISERROR|READ|READS SQL DATA|READTEXT|REAL|RECONFIGURE|REFERENCES|RELEASE|RENAME|REPEATABLE|REPLICATION|REQUIRE|RESTORE|RESTRICT|RETURN|RETURNS|REVOKE|RIGHT|ROLLBACK|ROUTINE|ROWCOUNT|ROWGUIDCOL|ROWS?|RTREE|RULE|SAVE|SAVEPOINT|SCHEMA|SELECT|SERIAL|SERIALIZABLE|SESSION|SESSION_USER|SET|SETUSER|SHARE MODE|SHOW|SHUTDOWN|SIMPLE|SMALLINT|SNAPSHOT|SOME|SONAME|START|STARTING BY|STATISTICS|STATUS|STRIPED|SYSTEM_USER|TABLE|TABLES|TABLESPACE|TEMP(?:ORARY)?|TEMPTABLE|TERMINATED BY|TEXT|TEXTSIZE|THEN|TIMESTAMP|TINYBLOB|TINYINT|TINYTEXT|TO|TOP|TRAN|TRANSACTION|TRANSACTIONS|TRIGGER|TRUNCATE|TSEQUAL|TYPE|TYPES|UNBOUNDED|UNCOMMITTED|UNDEFINED|UNION|UNPIVOT|UPDATE|UPDATETEXT|USAGE|USE|USER|USING|VALUE|VALUES|VARBINARY|VARCHAR|VARCHARACTER|VARYING|VIEW|WAITFOR|WARNINGS|WHEN|WHERE|WHILE|WITH|WITH ROLLUP|WITHIN|WORK|WRITE|WRITETEXT)\b/i,"boolean":/\b(?:TRUE|FALSE|NULL)\b/i,number:/\b-?(0x)?\d*\.?[\da-f]+\b/,operator:/\b(?:ALL|AND|ANY|BETWEEN|EXISTS|IN|LIKE|NOT|OR|IS|UNIQUE|CHARACTER SET|COLLATE|DIV|OFFSET|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b|[-+]|!|[=<>]{1,2}|(&){1,2}|\|?\||\?|\*|\//i,punctuation:/[;[\]()`,.]/};
</script>
<script type="text/javascript">
Prism.languages.http={"request-line":{pattern:/^(POST|GET|PUT|DELETE|OPTIONS|PATCH|TRACE|CONNECT)\b\shttps?:\/\/\S+\sHTTP\/[0-9.]+/,inside:{property:/^\b(POST|GET|PUT|DELETE|OPTIONS|PATCH|TRACE|CONNECT)\b/,"attr-name":/:\w+/}},"response-status":{pattern:/^HTTP\/1.[01] [0-9]+.*/,inside:{property:/[0-9]+[A-Z\s-]+$/i}},keyword:/^[\w-]+:(?=.+)/m};var httpLanguages={"application/json":Prism.languages.javascript,"application/xml":Prism.languages.markup,"text/xml":Prism.languages.markup,"text/html":Prism.languages.markup};for(var contentType in httpLanguages)if(httpLanguages[contentType]){var options={};options[contentType]={pattern:new RegExp("(content-type:\\s*"+contentType+"[\\w\\W]*?)\\n\\n[\\w\\W]*","i"),lookbehind:!0,inside:{rest:httpLanguages[contentType]}},Prism.languages.insertBefore("http","keyword",options)}
</script>
</body>

</html>
